@import "../../lib/base.less";
.shop-message-center{background-color: #f5f5f5;overflow: hidden;}
.shop-message-center > .shop-header{width: 100%;background-color: #e64545;height: 60px;border-bottom: 5px solid #ffffff;}
.shop-message-center > .shop-header .shop-header-in{width: 1200px;margin: 0 auto;height: 60px;}
.shop-message-center > .shop-header .shop-header-in .shop-logo{height: 24px;width: 100px;display: inline-block;margin:18px 0 18px 0;background-image: url("@{imgRootDeep}/Usercenter-logo.png");display: inline-block;}
.shop-message-center > .shop-header .shop-header-in ul{display: inline-block;vertical-align: top;height: 14px;margin: 23px 0 23px 86px;}
.shop-message-center > .shop-header .shop-header-in ul li{display: inline-block;height: 30px;line-height: 14px;font-size: 14px;color: #ffffff;margin-right: 38px;position: relative;}
.shop-message-center > .shop-header .shop-header-in ul li .shop-down-icon{width: 13px;height: 14px;display: inline-block;background-image: url("@{imgRootDeep}/search_arrow_price_down_White.png");background-repeat: no-repeat;background-position: right;}
.shop-message-center > .shop-header .shop-header-in ul li .shop-prompt{position: absolute;left: 29px;top: -18px;width: 28px;height: 18px;background-color: #ffffff;color: #515151;text-align: center;line-height: 18px;border-radius: 9px 9px 9px 0;display: none;font-size: 12px;}
.shop-message-center > .shop-header .shop-header-in .shop-get-news li .shop-prompt{display: block;}
.shop-message-center > .shop-header .shop-header-in .shop-get-news{
    li{position: relative;
        a{color: #ffffff;}
        .shop-pop{z-index: 2;position: absolute;background-color: #ffffff;width: 227px;height: 167px;left: 50%;margin: -125px;top: 155px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);color: #666666;font-size: 12px;padding: 25px 0 0 23px;display: none;
            .shop-angle{background-image: url("@{imgRootDeep}/shop-angle.png");width: 12px;height: 7px;position: absolute;left: 50%;margin-left: -6px;top: -6px;}
            .shop-left{float: left;line-height: 28px;}
            .shop-right{float: left;line-height: 28px;margin: 0 0 0 47px;}
            .shop-title{color: #333333;font-size: 14px;
                >span{background-image: url("@{imgRootDeep}/search_arrow_price_down_sel2.png");width: 8px;height: 4px;display: inline-block;margin: 0 0 3px 3px;}
            }
            a{color: #666666;}
            a:hover{color: #e64545;}
        }
        .shop-index-s{background-image: url("@{imgRootDeep}/shop-angle.png");width: 12px;height: 7px;display: block;position: absolute;left: 50%;margin-left: -6px;top: 29px}
    }
    >.shop-account-management:hover{
        .shop-pop{display: block;}
        .shop-down-icon{background-image: url("@{imgRootDeep}/search_arrow_price_down_sel.2.png")}
    }
}
/* 头部搜索 */
.shop-message-center > .shop-header .shop-header-in .shop-search{float: right;width: 311px;height: 32px;background-color: #ffffff;border:1px solid #eeeeee;margin-top: 13px;}
.shop-message-center > .shop-header .shop-header-in .shop-search button{width: 54px;height: 32px;background-color: #eeeeee;outline: none;border: none;font-size: 12px;cursor: pointer;}
.shop-message-center > .shop-header .shop-header-in .shop-search input{width: 256px;height: 32px;border: none;outline: none;line-height: 32px;font-size: 12px;}

// 主体部分
.shop-message-center > .shop-main{width: 1200px;margin: 0 auto;overflow: hidden;
    >.shop-left{width: 142px;height: 954px;float: left;padding: 24px 0 0 42px;background-color: #ffffff;
        >h3{font-size: 14px;line-height: 14px;margin-bottom: 20px;}
        >ul>li{font-size: 14px;color: #666666;line-height: 14px;margin-bottom: 20px;cursor: pointer;}
        >ul>.shop-li-s a{color: #e64545;}
        >ul>li:hover a{color: #e64545;}
    }
    >.shop-right{margin: 20px 0 0 20px;float: left;width: 996px;background-color: #ffffff;padding: 10px 0 0 0;
        >h3{line-height: 56px;text-indent: 20px;}
        >.shop-main{
            >.shop-item{width: 866px;border: 1px solid #e1e1e1;margin: 0 0 30px 30px;background-color: #f5f5f5;padding: 0 49px 19px 19px;border-radius: 3px;position: relative;
                >.shop-title{line-height: 39px;
                    >.shop-date{float: right;color: #9f9f9f;}
                }
                >.shop-content{background-color: #ffffff;border-radius: 3px;padding: 21px 24px 0 24px;line-height: 18px;color: #7a7a7a;overflow: hidden;
                    >div>a{line-height: 42px;float: right;color: #4f8ffd;}
                    >div>a:hover{color: #e64545;}
                }
                >.shop-delete{position: absolute;top: 0;right: 0;background-image: url("@{imgRootDeep}/shop-delete.2.png");width: 12px;height: 12px;margin: 15px 15px 0 0;cursor: pointer;display: none;}
            }
            >.shop-item:hover{border-color: #999999;
                >.shop-delete{display: block;}
            }
            >.shop-buttom{line-height: 12px;text-align: center;color: #333333;margin-bottom: 30px;}
        }
    }
}
// 我的消息设置
.shop-my-message-settings{width: 976px;height: 383px;background-color: #ffffff;margin: 0 auto;padding: 0 0 0 20px;
    >.shop-title{line-height: 66px;font-weight: 500;}
    >.shop-main{padding: 4px 0 0 20px;
        >h4{line-height: 12px;font-weight: 500;}
        >.shop-form{line-height: 12px;padding: 20px 0 0 0;
            >label{display: inline-block;width: 122px;cursor: pointer;
                >input{vertical-align: middle;margin: 0 5px 0 0;}
            }
        }
    }
}